#content{width:1000px;font-size:14px;color:#333;}
#left,#right{float:left;border:1px solid #ccc;}
.eleWidth{width:500px;}
#content-child{height:80vh;}
#left,#right,.center-button{height:100%}

/*头部公共样式*/
.header{width:100%;height:60px;line-height:60px;float:left;background:#323232;text-align:center;color:white;}
.title-type{float:left;width:55%;height:100%;}
.title-peopleName{float:left;width:45%;height:100%;}

/* left */
#left{overflow-y:hidden;}
#left .left-type{width:55%;height:100%;padding-top: 60px;}
#left .left-name{width:45%;padding-top: 60px;height: 100%;}

/* left.search */
.input-search{padding-left: 28px;}
.icon-search{position: absolute;left: 10px;top: 10px;color:#aaa;}
.btn-close{position: absolute;right: 3px;top: 68px;width: 18px;height: 18px;font-size:18px;z-index: 1050;}
.btn-close:hover{color:red;cursor:pointer;}

/* left.tree */
#tree{border-right:2px solid #ccc;height:100%;margin-left: -1px;overflow-y: auto;overflow-x: hidden;text-align:center;}
#tree .menus{float:right;right:12px;}
#tree li,.left-name li,.blacklist li{border:1px solid #ccc;margin-top:-1px;margin-right: -1px;padding: 10px 0;cursor:pointer;position: relative;}
#tree li:hover,.left-name li:hover{background:#eee;}
#tree .active{background:#cecece;}

/* left.people */
.peopleName{margin-left: -1px;overflow-y: auto;overflow-x: hidden;height: 100%;}
.peopleName .badge,.blacklist .badge{height: 14px;position: absolute;right: 40px;margin-top: 4px;background-color: #999;}
/*.peopleName .active{background:#eee;}*/

/* center-button*/
.center-button{margin-left:500px;margin-right:300px;text-align:center;}

/* right */
#right{width:300px;float:right;}
.blacklist{padding-top:60px;margin-left: -1px;}

/* 搜索 */
ul.search{position: absolute;width: 100%;background: #ddd;text-align: center;z-index: 100;color: blue;    left: 1px;}
ul.search li:hover{}